<template>
  <div class="data-analysis-practice">
    <UnifiedPractice
      module="dataAnalysis"
      fetchQuestionsApi="/api/dataAnalysis/practice"
      submitAnswersApi="/api/dataAnalysis/submit"
      @practice-completed="onPracticeCompleted"
      :showAnswerCard="true"
      :showTimer="true"
      :trackWrongQuestions="true"
    />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import UnifiedPractice from '@/components/UnifiedPractice.vue';

const onPracticeCompleted = (result: any) => {
  console.log('资料分析练习完成:', result);
};
</script>

<style scoped>
.data-analysis-practice {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f7fa;
  padding: 20px 0;
}
</style>